<template>
  <div>
    <router-view></router-view>
    <tab-bar v-if="isShowNav"></tab-bar>
  </div>
</template>

<script setup>
import TabBar from './components/TabBar.vue';
import { watch, ref } from 'vue'
import { useRoute } from "vue-router";

let route = useRoute();
let isShowNav = ref(false);

watch(route, newVal => {
  isShowNav.value = newVal.meta.isShowNav
}, {
  immediate:true
})

</script>

<style lang="scss" scoped></style>